<template>
  <div class="login">
      我是我是第二个页面登录页1
      <router-link :to="{name:'home'}">
          跳转首页
      </router-link>
      <p>我是html标签的图片</p>
      <img src="../../../assets/FJ1.jpg" alt="" style="width: 100px;"/>
      <p>我是css的背景图片</p>
      <div class="image"></div>
  </div>
</template>

<script>
import {reactive,toRefs,defineComponent,getCurrentInstance} from 'vue'

export default defineComponent({
  setup() {
    console.log('登录页进入')
    const {proxy} = getCurrentInstance();
    // ---------------------------------
    let data=reactive({
      
    })
    let refData = toRefs(data);
    return {...refData}
  },
})
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.login{
  .image{
    width: 100px;
    height: 200px;
    background: url('../../../assets/FJ1.jpg');
    background-size: cover;
    margin: 0 auto;
  }
}
</style>